<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./iconfont/favicon.ico" type="image/x-icon">
    <title>index</title>
</head>

<body>
    <!-- 最顶部 -->
    <div id="top">
        <div class="top con">
            <div class="top-left float_l">
                <span href="#">欢迎来到丝芙兰</span>
                <a href="login.html">请登录</a>
                <i></i>
                <a href="register.html">免费注册</a>
                <a href="#">手机验证码登录</a>
            </div>
            <div class="top-animate">
                <a href="#">丝芙兰正品承诺</a>
                <a href="#">常见问题</a>
            </div>
            <ul class="top-right float_r">
                <li class="my">
                    <span></span>
                    <a href="#">我的丝芙兰</a>
                    <em></em>
                    <div class="my-content">
                        <a href="#">我的订单</a>
                    </div>
                </li>
                <li class="vip">
                    <span></span>
                    <a href="#">会员俱乐部</a>
                </li>
                <li class="phone">
                    <span></span>
                    <a href="#">手机丝芙兰</a>
                </li>
                <li><a href="#">美力事业</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索 -->
    <div class="search con">
        <div class="search-img float_l">
            <img src="./images/sep_top_Logo.png" alt="">
        </div>
        <div class="search-input float_l">
            <input type="text" class="float_l" placeholder="臻美彩妆">
            <div class="button float_l">搜索</div>
            <p>
                <a href="#">周末秒杀</a>
                <a href="#">丝芙兰隐藏好物</a>
                <a href="#">夏季洁面大作战</a>
                <a href="#">夏日护肤指南</a>
                <a href="#">百色唇色不挑皮</a>
                <a href="#">探索经典香氛艺术</a>
            </p>
        </div>
        <div class="search-gw float_r">
            <a href="#">
                <em></em>
                购物袋<span>0</span>件
            </a>
            <div class="search-gw-hover">
                <em class="float_l"></em>
                <div class="float_l">
                    <span>购物车内暂时没有商品,登录后将显示您之前加入的商品</span>
                    <p>登录</p>
                </div>
            </div>
        </div>
    </div>
    <!-- nav 二级导航 轮播  -->
    <div class="content con clear">
        <!-- 二级导航 -->
        <div class="content-list float_l">
            <a href="#" class="list_a">全部商品类目</a>
            <div class="decoration">
                <i></i><i></i>
            </div>
            <ul>
                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">保湿补水</a>
                        <a href="#">妆底修容</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                        <!-- 二级导航 -->
                        <div class="list_left float_l">
                            <h3>功效</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>保湿</h4>
                                        <a href="#">舒缓</a><a href="#">保湿补水</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">去角质</a><a href="#">卸妆清洁</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>美白</h4>
                                        <a href="#">淡斑</a><a href="#">提高肤色</a><a href="#">淡化黑眼圈</a>
                                    </div>
                                    <div class="clear">
                                        <h4>底妆修容</h4>
                                        <a href="#">提高肤色</a><a href="#">遮瑕</a><a href="#">隔离</a>
                                    </div>
                                    <div class="clear">
                                        <h4>抗老</h4>
                                        <a href="#">抗污染</a><a href="#">抗皱</a><a href="#">抗氧化</a>
                                    </div>
                                    <div class="clear">
                                        <h4>紧致</h4>
                                        <a href="#">淡化细纹</a><a href="#">提拉紧致</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>保湿</h4>
                                        <a href="#">舒缓</a><a href="#">保湿补水</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">去角质</a><a href="#">卸妆清洁</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/shiseido_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/fresh_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_tiffany_20181102.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>护肤</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                        <!-- 二级导航 -->
                        <div class="list_left float_l">
                            <h3>护肤</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/nuxe_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/tweezerman_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>彩妆</h3>
                    <p>
                        <a href="#">入夏彩妆盘点</a>
                        <a href="#">彩妆惠选礼盒</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>彩妆</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationmu1_20200702.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>香水</h3>
                    <p>
                        <a href="#">夏日香氛</a>
                        <a href="#">小众香氛</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>香水</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationfra1_20190802.jpg" alt="">
                            <img src="./images/hp_navigationfra2_20200103.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>工具</h3>
                    <p>
                        <a href="#">美容仪加持美力</a>
                        <a href="#">美妆蛋套装</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>工具</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>男士</h3>
                    <p>
                        <a href="#">男士礼赠</a>
                        <a href="#">春夏水油平衡</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>男士</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>洗浴护体</h3>
                    <p>
                        <a href="#">洗护沐浴</a>
                        <a href="#">塑身纤体</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>洗浴护体</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/esteelauder_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/fresh_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>美发护发</h3>
                    <p>
                        <a href="#">换季防脱</a>
                        <a href="#">润美秀发防毛躁</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>美发护发</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/sk-ii_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/esteelauder_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/shiseido_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>肤食</h3>
                    <p>
                        <a href="#">胶原蛋白饮品</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                         <!-- 二级导航 -->
                         <div class="list_left float_l">
                            <h3>肤食</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>卸妆</h4>
                                        <a href="#">卸妆啫喱</a><a href="#">卸妆乳</a><a href="#">卸妆液</a>
                                        <a href="#">卸妆油</a><a href="#">卸妆巾</a><a href="#">套装</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">洁面巾</a><a href="#">磨砂去角质</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>面部护理</h4>
                                        <a href="#">化妆水</a><a href="#">面部精华</a><a href="#">乳液/面霜</a>
                                        <a href="#">面部护理油</a><a href="#">BB/BC霜</a><a href="#">隔离/防晒霜</a>
                                    </div>
                                    <div class="clear">
                                        <h4>面膜</h4>
                                        <a href="#">免洗面膜</a><a href="#">水洗面膜</a><a href="#">泡泡面膜</a><a href="#">水状面膜</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>眼部护理</h4>
                                        <a href="#">眼霜</a><a href="#">眼部精华</a>
                                    </div>
                                    <div class="clear">
                                        <h4>唇部护理</h4>
                                        <a href="#">唇膜</a><a href="#">润唇膏</a>
                                        <a href="#">唇霜</a><a href="#">其他</a>
                                    </div>
                                    <div class="clear">
                                        <h4>颈部护理</h4>
                                        <a href="#">颈霜</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/esteelauder_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/givenchy_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/makeupforever_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_navigationskin_20200723.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
            </ul>
        </div>
        <!-- nav -->
        <ul class="content-top float_l">
            <li>
                <a href="#">畅销榜单</a>
            </li>
            <li>
                <a href="#">独家发售</a>
            </li>
            <li>
                <a href="#">礼物套装</a>
            </li>
            <li>
                <a href="#">全部品牌</a>
                <div class="content-select">
                    <div class="left float_l">
                        <input type="search" placeholder="搜索" class="content-search">
                        <div class="span">
                            <a href="#">A</a>
                            <a href="#">B</a>
                            <a href="#">C</a>
                            <a href="#">D</a>
                            <a href="#">E</a>
                            <a href="#">F</a>
                            <a href="#">G</a>
                            <a href="#">H</a>
                            <a href="#">I</a>
                            <a href="#">J</a>
                            <a href="#">K</a>
                            <a href="#">L</a>
                            <a href="#">M</a>
                            <a href="#">N</a>
                            <a href="#">O</a>
                            <a href="#">P</a>
                            <a href="#" style="color:#ccc;">Q</a>
                            <a href="#">R</a>
                            <a href="#">S</a>
                            <a href="#">T</a>
                            <a href="#">U</a>
                            <a href="#">V</a>
                            <a href="#">W</a>
                            <a href="#" style="color:#ccc;">X</a>
                            <a href="#">Y</a>
                            <a href="#" style="color:#ccc;">Z</a>
                            <a href="#">0-9</a>
                        </div>
                    </div>
                    <div class="right float_r">
                        <h4 id="A" style="color: black;">A</h4>
                        <p><a href="#">ACQUADIPARMA 帕尔玛之水</a></p>
                        <p><a href="#">ALGENIST 奥杰尼</a></p>
                        <p><a href="#">AMAZINGCOSMETICS® 奥玛珍</a></p>
                        <p><a href="#">ANNASUI 安娜苏</a></p>
                        <p><a href="#">AtelierCologne 欧珑</a></p>
                        <p><a href="#">ATKINSONS 阿特金森</a></p>
                        <h4 id="B" style="color: black;">B</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="C" style="color: black;">C</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="D" style="color: black;">D</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="E" style="color: black;">E</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">预约中心</a>
            </li>
        </ul>
        <img src="./images/navigation_shopping.png" class="float_r ad" alt="">
        <!-- 轮播图 -->
        <div class="content-lunbo con">
            <ul class="lunbo-img">
                <ul class="lunboPic">
                    <li><img src="./images/hp_set_20200723.jpg" alt=""></li>
                    <li><img src="./images/hp_live_20200725.jpg" alt=""></li>
                    <li><img src="./images/hp_new_20200723.jpg" alt=""></li>
                </ul>
                <div class="lunbo-dot">
                    <ul class="clear">
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="lunbo-arrow">
                    <div class="lunbo-left">
                        <span></span>
                    </div>
                    <div class="lunbo-right">
                        <span></span>
                    </div>
                </div>
            </ul>
        </div>
    </div>
    <!-- body灰色背景区域 -->
    <div id="body-gary">
        <!-- 轮播图下面的三张广告图 -->
        <div class="content-ad-warp con">
            <div class="content-ad">
                <a href="#"><img src="./images/hp_guerlain_20200723.jpg" alt=""></a>
                <a href="#"><img src="./images/hp_lancome_20200723.jpg" alt=""></a>
                <a href="#"><img src="./images/hp_weeklyspecial_20200723.jpg" alt=""></a>
            </div>
        </div>
        <div class="clear" style="height:60px"></div>
        <!-- 全部品牌 -->
        <div class="show-brand con">
            <div class="show-brand-title ">
                <h2 class="float_l"></h2>
                <div class="show-brand-tab float_r">
                    <a href="#" class="currentTab">热门品牌</a>
                    <a href="#">独家品牌</a>
                    <a href="#">全部品牌</a>
                </div>
            </div>
            <div class="show-content">
                <!-- 小轮播 -->
                <div class="show-content-left float_l">
                    <ul class="sLunbo">
                        <li><img src="./images/hp_superbrand2_20200723.jpg" alt=""></li>
                        <li><img src="./images/hp_superbrand1_20200723.jpg" alt=""></li>
                    </ul>
                    <div class="sLunbo-dot">
                        <ul class="clear">
                            <li class="s-current"></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="sLunbo-arrow">
                        <div class="sLunbo-left">
                            <span></span>
                        </div>
                        <div class="sLunbo-right">
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="show-content-right float_r">
                    <ul class="one clear">
                        <li>
                            <div class="box-img">
                                <p>丝芙兰</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/sephoracollection_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>兰蔻</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/lancaster_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>JACK BLACK</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/acquadiparma_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>玛丽黛佳玩色系列</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/mariedalgarcolorstudio_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>分子乐园</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/facesymbol_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>雅思兰黛</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/esteelauder_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>SK-II</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/sk-ii_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>罗意威</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/loewe_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>相宜本草唐</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/inoherbtang_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>娇兰</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/guerlain_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>资生堂</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/shiseido_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>艾丽美</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/elemis_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>博柏丽</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/burberry_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>馥蕾诗</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/fresh_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>迪奥</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/dior_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>MaisonMargiela</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/maisonmargiela_144X60.png" alt="">
                        </li>
                    </ul>
                    <ul class="two clear">
                        <li>
                            <div class="box-img">
                                <p>分子乐园</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/facesymbol_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>蔚蓝之美</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/wei_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>彼特罗夫</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/peterthomasroth_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>雅诗敦</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/esthederm_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>兰嘉丝汀</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/lancaster_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>凯卓</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/kenzo_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>奥杰尼</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/algenist_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>罗意威</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/loewe_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>美妆蛋</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/beautyblender_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>奥洛菲＋</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/oleva_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>茶灵</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/chaling_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>默斯奇诺</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/moschino_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>缪缪</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/miumiu_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>两两</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/leanon_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>丝芙兰</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/sephoracollection_144X60.png" alt="">
                        </li>
                        <li>
                            <div class="box-img">
                                <p>迪奥</p>
                                <div class="box-img-look">点击查看</div>
                            </div>
                            <img src="./images/dior_144X60.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 精品推荐 -->
        <div class="goods-pick con">
            <div class="goods-pick-title ">
                <h2 class="float_l"></h2>
            </div>
            <!-- left 590*300 -->
            <div class="goods-pick-left float_l">
                <img src="./images/hp_whatsnew_20200724.jpg" alt="">
                <ul>
                    <li><a href="#">
                            <div class="goods-pick-brand">Face Symbol</div>
                            <div class="goods-pick-text">Face Symbol 小分子玻尿酸</div>
                            <div class="goods-pick-price">￥199.00</div>
                            <img src="./images/1_n_08866_180x180.jpg" alt="" class="goods-pick-pic">
                        </a></li>
                    <li><a href="#">
                            <div class="goods-pick-brand">SHISEIDO</div>
                            <div class="goods-pick-text">资生堂新红妍肌活精华...</div>
                            <div class="goods-pick-price">￥1040.00</div>
                            <img src="./images/1_n_08827_180x180.jpg" alt="" class="goods-pick-pic">
                        </a></li>
                </ul>

            </div>
            <div class="goods-pick-right float_r">
                <a href="#">
                    <img src="./images/hp_beautymaster_20200716.gif" alt="">
                </a>
            </div>
            <!-- right 590*300 -->
        </div>
        <!-- 重复板块 护肤品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l"></h2>
                <ul class="float_r">
                    <li><a href="#">惠选套装</a><em>|</em></li>
                    <li><a href="#">面部精华</a><em>|</em></li>
                    <li><a href="#">美容仪</a><em>|</em></li>
                    <li><a href="#">面膜</a><em>|</em></li>
                    <li><a href="#">眼部护理</a><em>|</em></li>
                    <li><a href="#">清洁</a><em>|</em></li>
                    <li><a href="#">卸妆</a><em>|</em></li>
                    <li><a href="#">唇部</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_skinfloor_20200730.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Face Symbol</div>
                            <div class="repeat-text">Face Symbol 小分子玻尿酸</div>
                            <div class="repeat-price">￥199.00</div>
                            <img src="./images/1_n_08666_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">GUERLAIN</div>
                            <div class="repeat-text">娇兰帝皇蜂姿修护复原蜜500</div>
                            <div class="repeat-price">￥1120.00</div>
                            <img src="./images/1_n_09062_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SHISEIDO</div>
                            <div class="repeat-text">资生堂新红妍肌活精华露限量..</div>
                            <div class="repeat-price">￥1040.00</div>
                            <img src="./images/1_n_08958_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SK-II</div>
                            <div class="repeat-text">SK-II 神仙水限量版...</div>
                            <div class="repeat-price">￥2820.00</div>
                            <img src="./images/1_n_09025_280x280.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">LANEIGE</div>
                            <div class="repeat-text">兰芝夜间舒缓护睡眠面膜...</div>
                            <div class="repeat-price">￥245.00</div>
                            <img src="./images/1_n_08629_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">GAUADLIE</div>
                            <div class="repeat-text">欧缇丽限定版"大葡萄"喷雾..</div>
                            <div class="repeat-price">￥336.00</div>
                            <img src="./images/1_n_09070_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">DIOR</div>
                            <div class="repeat-text">克丽丝汀迪奥肌活蕴能护肤...</div>
                            <div class="repeat-price">￥1280.00</div>
                            <img src="./images/1_n_09055_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">KENZO</div>
                            <div class="repeat-text">凯卓花颜舒柔修护睡眠面膜...</div>
                            <div class="repeat-price">￥780.00</div>
                            <img src="./images/1_n_09006_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sk-ii_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/esteelauder_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sephoracollection_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/fresh_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/peterthomasroth_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/caudalie_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/guerlain_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 彩妆品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-2"></h2>
                <ul class="float_r">
                    <li><a href="#">丝绒无暇持妆系</a><em>|</em></li>
                    <li><a href="#">有眉有眼</a><em>|</em></li>
                    <li><a href="#">气垫粉底液</a><em>|</em></li>
                    <li><a href="#">精选彩妆礼盒</a><em>|</em></li>
                    <li><a href="#">口红大热色合辑</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_mufloor_20200730.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">MAKEUPFOREVER</div>
                            <div class="repeat-text">玫珂菲绝色大师柔光唇膏双...</div>
                            <div class="repeat-price">￥480.00</div>
                            <img src="./images/1_n_09108_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">GIVENCHY</div>
                            <div class="repeat-text">纪梵希挚爱红丝绒套装</div>
                            <div class="repeat-price">￥690.00</div>
                            <img src="./images/1_n_09083_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">DIOR</div>
                            <div class="repeat-text">迪奥魅惑变色润唇膏精选优...</div>
                            <div class="repeat-price">￥310.00</div>
                            <img src="./images/1_n_09092_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">YSL</div>
                            <div class="repeat-text">圣罗兰细管哑光口红</div>
                            <div class="repeat-price">￥335.00~￥670.00</div>
                            <img src="./images/1_n_09023_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">ESTEELAUDER</div>
                            <div class="repeat-text">雅诗兰黛白金级奢宠光璨粉...</div>
                            <div class="repeat-price">￥920.00</div>
                            <img src="./images/1_n_08413_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">GUERLAIN</div>
                            <div class="repeat-text">娇兰臻彩宝石唇膏壳甜蜜桃...</div>
                            <div class="repeat-price">￥170.00</div>
                            <img src="./images/1_n_09088_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">BENEFIT</div>
                            <div class="repeat-text">贝玲妃玩色营地露营车套装...</div>
                            <div class="repeat-price">￥290.00</div>
                            <img src="./images/1_n_09119_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">MarieDalgarColorStudio</div>
                            <div class="repeat-text">玛丽黛佳色彩工作室本色持...</div>
                            <div class="repeat-price">￥369.00</div>
                            <img src="./images/1_n_08960_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/givenchy_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/makeupforever_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/guerlain_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/esteelauder_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/benefit_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/giorgioarmani_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 香氛品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-3"></h2>
                <ul class="float_r">
                    <li><a href="#">当季新香</a><em>|</em></li>
                    <li><a href="#">高跟鞋香水</a><em>|</em></li>
                    <li><a href="#">独家私香</a><em>|</em></li>
                    <li><a href="#">"猎心斩男香"</a><em>|</em></li>
                    <li><a href="#">宝宝香</a><em>|</em></li>
                    <li><a href="#">中性香</a><em>|</em></li>
                    <li><a href="#">补香"神器"</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_frafloor_20200730.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">DIOR</div>
                            <div class="repeat-text"> &nbsp;迪奥小姐至选礼遇套装</div>
                            <div class="repeat-price">￥810.00</div>
                            <img src="./images/1_n_09083_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">AtelierCologne</div>
                            <div class="repeat-text"> &nbsp;欧珑香水 赤霞橘光</div>
                            <div class="repeat-price">￥680.00~￥1280.00</div>
                            <img src="./images/1_n_09025_280x280.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Miller Harris</div>
                            <div class="repeat-text"> &nbsp;米勒•海莉诗夏栀秘语淡香...</div>
                            <div class="repeat-price">￥765.00~￥1070.00</div>
                            <img src="./images/1_n_08528_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">YSL</div>
                            <div class="repeat-text"> &nbsp;圣罗兰自由至上女士香水</div>
                            <div class="repeat-price">￥790.00~￥1130.00</div>
                            <img src="./images/1_n_08922_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">GIORGIOARMANI</div>
                            <div class="repeat-text"> 阿玛尼迷情挚爱女士香水(...</div>
                            <div class="repeat-price">￥720.00~￥960.00</div>
                            <img src="./images/1_n_091191_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">LOEWE</div>
                            <div class="repeat-text"> &nbsp;罗意威光之缪斯粉色木兰花...</div>
                            <div class="repeat-price">￥1300.00</div>
                            <img src="./images/1_n_09089_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">TIFFANY&Co.</div>
                            <div class="repeat-text"> &nbsp;蒂芙尼誓爱女士香水</div>
                            <div class="repeat-price">￥990.00~￥1350.00</div>
                            <img src="./images/1_n_08952_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">CAROLINA HERRERA</div>
                            <div class="repeat-text"> &nbsp;卡罗琳娜埃莱拉不驯女王香...</div>
                            <div class="repeat-price">￥620.00~￥1130.00</div>
                            <img src="./images/1_n_08946_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/loewe_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/miumiu_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/marcjacobs_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/kenzo_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/acquadiparma_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/bvlgari_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/gucci_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 工具品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-4"></h2>
                <ul class="float_r">
                    <li><a href="#">玫瑰金恋爱物语礼盒</a><em>|</em></li>
                    <li><a href="#">独家网红刷</a><em>|</em></li>
                    <li><a href="#">芭比波朗彩妆刷</a><em>|</em></li>
                    <li><a href="#">眼影刷</a><em>|</em></li>
                    <li><a href="#">化妆刷套组</a><em>|</em></li>
                    <li><a href="#">宙斯美容仪</a><em>|</em></li>
                    <li><a href="#">雅萌套装</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_toolfloor_20200730.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">MAKEUPFOREVER</div>
                            <div class="repeat-text">玫珂菲KABUKI蜜粉刷</div>
                            <div class="repeat-price">￥475.00</div>
                            <img src="./images/1_n_08794_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">YAMAN</div>
                            <div class="repeat-text">雅萌RF射频美容仪BLO...</div>
                            <div class="repeat-price">￥3599.00</div>
                            <img src="./images/1_n_08747_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">M.A.C</div>
                            <div class="repeat-text">魅可樱力觉醒春季限定</div>
                            <div class="repeat-price">￥170.00~￥420.00</div>
                            <img src="./images/1_n_08515_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SEPHORACOLLECTION</div>
                            <div class="repeat-text">丝芙兰粉晶面部按摩滚轮</div>
                            <div class="repeat-price">￥179.00</div>
                            <img src="./images/1_n_09083_150x150.jpg " alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">MarieDalgarColorStudio</div>
                            <div class="repeat-text">玛丽黛佳色彩工作室白金熨...</div>
                            <div class="repeat-price">￥299.00</div>
                            <img src="./images/1_n_090141_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">FOREO</div>
                            <div class="repeat-text">BEAR™智能微电流美容...</div>
                            <div class="repeat-price">￥2799.00</div>
                            <img src="./images/1_n_08765_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">ReFa</div>
                            <div class="repeat-text">ReFa经典美颜美容仪套...</div>
                            <div class="repeat-price">￥1690.00</div>
                            <img src="./images/1_n_07648_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">PLABEAU</div>
                            <div class="repeat-text">谱莱博离子美容仪S1惠选...</div>
                            <div class="repeat-price">￥4499.00</div>
                            <img src="./images/1_n_07842_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/beautyblender_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sephoracollection_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/shuuemura_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/makeupforever_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/drarrivo_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/tweezerman_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/mac_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/bobbibrown_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 男士品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-5"></h2>
                <ul class="float_r">
                    <li><a href="#">惠选套装</a><em>|</em></li>
                    <li><a href="#">控油平衡</a><em>|</em></li>
                    <li><a href="#">保湿水润</a><em>|</em></li>
                    <li><a href="#">滋养紧致</a><em>|</em></li>
                    <li><a href="#">剃须护理</a><em>|</em></li>
                    <li><a href="#">眼部护理</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_manfloor_20200723.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">CLINIQUE</div>
                            <div class="repeat-text">倩碧男士保湿优选套组</div>
                            <div class="repeat-price">￥200.00</div>
                            <img src="./images/1_n_08610_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">LABSERIES</div>
                            <div class="repeat-text">熬夜精华乳惠选套组</div>
                            <div class="repeat-price">￥430.00</div>
                            <img src="./images/1_n_091193_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">BIOTHERM</div>
                            <div class="repeat-text">男士水动力保湿尊享礼盒</div>
                            <div class="repeat-price">￥850.00</div>
                            <img src="./images/1_n_08555_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">DIOR</div>
                            <div class="repeat-text">克丽丝汀迪奥桀骜男士舒缓...</div>
                            <div class="repeat-price">￥820.00</div>
                            <img src="./images/1_n_08778_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">JACK BLACK</div>
                            <div class="repeat-text">JACK BLACK二合...</div>
                            <div class="repeat-price">￥208.00</div>
                            <img src="./images/1_n_08975_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">BIOTHERM</div>
                            <div class="repeat-text">碧欧泉男士净肤细致洁面膏</div>
                            <div class="repeat-price">￥260.00</div>
                            <img src="./images/1_n_08786_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">CLARINS</div>
                            <div class="repeat-text">娇韵诗男士双萃塑颜水能露...</div>
                            <div class="repeat-price">￥660.00</div>
                            <img src="./images/1_n_08979_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">LABSERIES</div>
                            <div class="repeat-text">朗仕多效两部曲惠选套组</div>
                            <div class="repeat-price">￥445.00</div>
                            <img src="./images/1_n_089791_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/labseries_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/dtrt_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/shiseido_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sk-ii_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/clarins_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/clinique_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 洗浴品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-6"></h2>
                <ul class="float_r">
                    <li><a href="#">惠选套装</a><em>|</em></li>
                    <li><a href="#">沐浴清洁</a><em>|</em></li>
                    <li><a href="#">身体护理</a><em>|</em></li>
                    <li><a href="#">手部护理</a><em>|</em></li>
                    <li><a href="#">胸部护理</a><em>|</em></li>
                    <li><a href="#">足部护理</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_bodyfloor_20200319.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">CLARINS</div>
                            <div class="repeat-text">娇韵诗孕期产品惠选套组</div>
                            <div class="repeat-price">￥1140.00</div>
                            <img src="./images/1_n_09031_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">WEI</div>
                            <div class="repeat-text">蔚蓝之美参力滋润手霜惠选...</div>
                            <div class="repeat-price">￥200.00</div>
                            <img src="./images/1_n_08709_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">NUXE</div>
                            <div class="repeat-text">欧树槐花蜜面部和身体特润...</div>
                            <div class="repeat-price">￥170.00</div>
                            <img src="./images/1_n_07810_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">NUXE</div>
                            <div class="repeat-text">欧树“蜜”养肌肤套组</div>
                            <div class="repeat-price">￥230.00</div>
                            <img src="./images/1_n_08551_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">KENZO</div>
                            <div class="repeat-text">凯卓感性滋养柔肤霜（大米...</div>
                            <div class="repeat-price">￥530.00</div>
                            <img src="./images/1_n_06178_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">CHA LING</div>
                            <div class="repeat-text">茶灵身体磨砂膏</div>
                            <div class="repeat-price">￥340.00</div>
                            <img src="./images/1_n_06628_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">ELEMIS</div>
                            <div class="repeat-text">艾丽美日本山茶籽柔润护理...</div>
                            <div class="repeat-price">￥460.00</div>
                            <img src="./images/1_n_08366_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SEPHORACOLLECTION</div>
                            <div class="repeat-text">丝芙兰香发香体喷雾</div>
                            <div class="repeat-price">￥79.00</div>
                            <img src="./images/1_n_08950_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/sephoracollection_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/clarins_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/fresh_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/lancaster_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/kenzo_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/yaman_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/foreo_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/nuxe_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 美发品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-7"></h2>
                <ul class="float_r">
                    <li><a href="#">惠选套装</a><em>|</em></li>
                    <li><a href="#">美发工具</a><em>|</em></li>
                    <li><a href="#">洗发产品</a><em>|</em></li>
                    <li><a href="#">护发产品</a><em>|</em></li>
                    <li><a href="#">头皮护理</a><em>|</em></li>
                    <li><a href="#">美发产品</a><em>|</em></li>
                    <li><a href="#">全部</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_hairfloor_20200723.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">RENE FURTERER</div>
                            <div class="repeat-text">馥绿德雅赋活焕能洗发露惠...</div>
                            <div class="repeat-price">￥158.00</div>
                            <img src="./images/1_n_08944_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">RENE FURTERER</div>
                            <div class="repeat-text">馥绿德雅柔润蓬松干洗喷雾...</div>
                            <div class="repeat-price">￥158.00</div>
                            <img src="./images/1_n_08653_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">RENE FURTERER</div>
                            <div class="repeat-text">馥绿德雅舒缓清润头皮护理...</div>
                            <div class="repeat-price">￥560.00</div>
                            <img src="./images/1_n_08445_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">PERCYANDREED</div>
                            <div class="repeat-text">佩妍丽亮泽香氛喷雾惠选套...</div>
                            <div class="repeat-price">￥208.00</div>
                            <img src="./images/1_n_08551_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">PERCYANDREED</div>
                            <div class="repeat-text">佩妍丽滋润顺滑发膜惠选套...</div>
                            <div class="repeat-price">￥248.00</div>
                            <img src="./images/1_n_08231_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">WELLA</div>
                            <div class="repeat-text">威娜臻活盈彩精华露惠选套...</div>
                            <div class="repeat-price">￥138.00</div>
                            <img src="./images/1_n_08960_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SYSTEM PROFESSIONAL</div>
                            <div class="repeat-text">德研丝秀发焕能角蛋白养护...</div>
                            <div class="repeat-price">￥298.00</div>
                            <img src="./images/1_n_08443_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SEBASTIAN</div>
                            <div class="repeat-text">塞巴斯汀刚劲啫喱型护合一...</div>
                            <div class="repeat-price">￥278.00</div>
                            <img src="./images/1_n_085511_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="repeat-bottom">
                <ul>
                    <li><a href="#"><img src="./images/percyandreed_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/systemprofessional_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sebastian_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/wella_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/sephoracollection_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/labseries_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/nuxe_144X60.png" alt=""></a><em>|</em></li>
                    <li><a href="#"><img src="./images/dior_144X60.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <!-- 重复板块 肤食品类 -->
        <div class="repeat con">
            <div class="repeat-title ">
                <h2 class="float_l repeat-8"></h2>
                <ul class="float_r">
                    <li><a href="#">HAKUBI</a><em>|</em></li>
                    <li><a href="#">ReFa</a><em>|</em></li>
                    <li><a href="#">Blackmores</a><em>|</em></li>
                    <li><a href="#">Swisse</a></li>
                </ul>
            </div>
            <div class="repeat-middle">
                <img class="float_l" src="./images/hp_foodfloor_20200109.jpg" alt="">
                <ul class="float_r">
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Blackmores</div>
                            <div class="repeat-text">澳佳宝鲜活亮采红石榴水饮...</div>
                            <div class="repeat-price">￥369.00</div>
                            <img src="./images/1_n_08011_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">ESTHE PRO LABO</div>
                            <div class="repeat-text">璞洛兰博果味型可吸果冻买...</div>
                            <div class="repeat-price">￥1380.00</div>
                            <img src="./images/1_n_08081_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Swisse</div>
                            <div class="repeat-text">Swisse芊盈膳食纤维...</div>
                            <div class="repeat-price">￥396.00</div>
                            <img src="./images/1_n_08769_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">HAKUBI</div>
                            <div class="repeat-text">皓妍果味饮料</div>
                            <div class="repeat-price">￥298.00</div>
                            <img src="./images/1_n_07449_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Swisse</div>
                            <div class="repeat-text">Swisse 血橙胶原蛋...</div>
                            <div class="repeat-price">￥288.00</div>
                            <img src="./images/1_n_074491_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">ESTHE PRO LABO</div>
                            <div class="repeat-text">璞洛兰博果汁型可吸果冻买...</div>
                            <div class="repeat-price">￥780.00</div>
                            <img src="./images/1_n_080811_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">Swisse</div>
                            <div class="repeat-text">Swisse 葡萄籽风味...</div>
                            <div class="repeat-price">￥268.00</div>
                            <img src="./images/1_n_074492_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="repeat-brand">SEPHORACOLLECTION</div>
                            <div class="repeat-text">丝芙兰胶原蛋白肽果味饮品</div>
                            <div class="repeat-price">￥125.00</div>
                            <img src="./images/1_n_07775_180x180.jpg" alt="" class="repeat-pic">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 重复板块结束 -->
        <!-- 猜你喜欢 -->
        <div class="guessyoulike con">
            <div class="guessyoulike-title">
                <h2 class="float_l"></h2>
            </div>
            <div class="guessyoulike-content">
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_09025_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SK-II</div>
                    <div class="guessyoulike-product"><a href="#">SK-II 神仙水限量版胸针惠选...</a></div>
                    <div class="guessyoulike-price">￥2820.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_090251_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SK-II</div>
                    <div class="guessyoulike-product"><a href="#">SK-II 神仙水限量版胸针惠选...</a></div>
                    <div class="guessyoulike-price">￥3130.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_090252_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SK-II</div>
                    <div class="guessyoulike-product"><a href="#">SK-II 神仙水限量版胸针惠选...</a></div>
                    <div class="guessyoulike-price">￥3130.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_09089_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SK-II</div>
                    <div class="guessyoulike-product"><a href="#">SK-II 晶透紧致礼盒</a></div>
                    <div class="guessyoulike-price">￥2800.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08844_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SHISEIDO</div>
                    <div class="guessyoulike-product"><a href="#">资生堂红妍肌活精华喷雾</a></div>
                    <div class="guessyoulike-price">￥420.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08827_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SHISEIDO</div>
                    <div class="guessyoulike-product"><a href="#">资生堂红妍肌活修颜明眸套装</a></div>
                    <div class="guessyoulike-price">￥1080.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08745_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">LEANON</div>
                    <div class="guessyoulike-product"><a href="#">两两冰川活力面膜惠选套组</a></div>
                    <div class="guessyoulike-price">￥218.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08443_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">CAUDALIE</div>
                    <div class="guessyoulike-product"><a href="#">欧缇丽"云朵洁面"双支惠选套组</a></div>
                    <div class="guessyoulike-price">￥360.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08861_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">KOSE</div>
                    <div class="guessyoulike-product"><a href="#">雪肌精化妆水惠选套组</a></div>
                    <div class="guessyoulike-price">￥360.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08979_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">CLINQUE</div>
                    <div class="guessyoulike-product"><a href="#">倩碧淡斑美白多效精华露超值...</a></div>
                    <div class="guessyoulike-price">￥760.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_06932_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">GIORGIOARMANI</div>
                    <div class="guessyoulike-product"><a href="#">阿玛尼挚爱哑光唇膏</a></div>
                    <div class="guessyoulike-price">￥320.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08995_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">FRESH</div>
                    <div class="guessyoulike-product"><a href="#">馥蕾诗红茶塑颜紧致睡眠面膜</a></div>
                    <div class="guessyoulike-price">￥800.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08924_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">CLINIQUE</div>
                    <div class="guessyoulike-product"><a href="#">倩碧淡斑美白多效精华露超值...</a></div>
                    <div class="guessyoulike-price">￥760.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08666_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">GIORGIOARMANI</div>
                    <div class="guessyoulike-product"><a href="#">雪花秀玉璨净柔面膜惠选套组</a></div>
                    <div class="guessyoulike-price">￥280.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_09058_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">CLINIQUE</div>
                    <div class="guessyoulike-product"><a href="#">倩碧水嫩保湿润肤霜超值套组</a></div>
                    <div class="guessyoulike-price">￥365.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08755_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">LANCOME</div>
                    <div class="guessyoulike-product"><a href="#">兰蔻全新精华肌底液(小黑瓶...</a></div>
                    <div class="guessyoulike-price">￥760.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08831_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">SHISEIDO</div>
                    <div class="guessyoulike-product"><a href="#">安热沙水能户外清透防晒乳惠...</a></div>
                    <div class="guessyoulike-price">￥298.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_09006_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">KENZO</div>
                    <div class="guessyoulike-product"><a href="#">凯卓花颜舒柔修护睡眠面膜惠...</a></div>
                    <div class="guessyoulike-price">￥780.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_08051_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">EVE LOM</div>
                    <div class="guessyoulike-product"><a href="#">EVE LOM 经典洁颜霜随性套...</a></div>
                    <div class="guessyoulike-price">￥186.00</div>
                </div>
                <div class="guessyoulike-content-box">
                    <img src="./images/1_n_09121_280x280.jpg" alt="">
                    <div class="guessyoulike-brand">FRESH</div>
                    <div class="guessyoulike-product"><a href="#">馥蕾诗睡莲青春活妍赋活面膜...</a></div>
                    <div class="guessyoulike-price">￥580.00</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="aboutMe con">
            <div class="aboutMe-content">
                <em></em>
                <span>顺丰EMS速达</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>丰富礼赠</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>100%官方正品</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>无障碍退款</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>安全支付</span>
            </div>
        </div>
        <div class="links con">
            <ul class="links-list">
                <li>
                    <h5><a href="#">购物流程</a></h5>
                    <p><a href="#">大宗采购/团购</a></p>
                    <p><a href="#">丝芙兰预付卡章程</a></p>
                </li>
                <li>
                    <h5><a href="#">支付/配送</a></h5>
                    <p><a href="#">货到付款</a></p>
                    <p><a href="#">在线支付</a></p>
                    <p><a href="#">配送时间</a></p>
                </li>
                <li>
                    <h5><a href="#">售后服务</a></h5>
                    <p><a href="#">退货款规定</a></p>
                    <p><a href="#">退换及退款说明</a></p>
                </li>
                <li>
                    <h5><a href="#">关于丝芙兰</a></h5>
                    <p><a href="#">公司介绍</a></p>
                    <p><a href="#">联系我们</a></p>
                </li>
                <li>
                    <h5><a href="#">网上订购咨询热线 : 400 670 0055</a></h5>
                </li>
            </ul>
        </div>
        <div class="bottom">
            <div class="bottom-wrap con">
                <a href="#">沪公网安备 31010602003121号</a>
                <a href="#">ICP备案序号:沪ICP备05026645号</a>
                <a href="#">食品经营许可证</a>
                <a href="#">网站使用条款</a>
                <a href="#">严正声明</a>
                <p>本网站隶属于丝芙兰（上海）化妆品销售有限公司 (企业法人营业执照) 预付卡信息对接唯一标识 : 310101F5201530100309</p>
            </div>
        </div>
    </footer>
    <!-- scroll-left -->
    <ul id="scroll-left">
        <li><a href="#">护肤品类</a></li>
        <li><a href="#">彩妆品类</a></li>
        <li><a href="#">香氛品类</a></li>
        <li><a href="#">工具品类</a></li>
        <li><a href="#">男士品类</a></li>
        <li><a href="#">洗浴护体</a></li>
        <li><a href="#">美发护发</a></li>
        <li><a href="#">肤食品类</a></li>
    </ul>
    <!-- scroll-right -->
    <ul id="scroll-right">
        <li><a href="#"><em></em><span>个人信息</span></a></li>
        <li><a href="#"><em></em><span>购物车</span></a></li>
        <li><a href="#"><em></em><span>联系客服</span></a></li>
        <li><a href="#"><em></em><span>移动丝芙兰</span></a></li>
        <li><a href="#"><em></em><span>返回顶部</span></a></li>
    </ul>
</body>

</html>